/*@import url('fonts.css');*/

html { height: 100%; width: 100%; display: table;   }
body { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; background: #fff url(../images/body_bg.jpg) repeat-x top; margin: 0; padding: 0; color: #41433e; font-size: 13px; line-height: 18px;}

.error-page {background: url('../images/generic_bg.jpg') no-repeat top center;}

a:hover { text-decoration: none; }

sup {
	top: -.4em;
	font-size: 70%;
}

h1 sup {
	font-size: 28%;
	top: -1.75em;
}

h2 sup {
	font-size:45%;
	top: -1.3em;
}

h3 sup {
	font-size: 65%;
	top: -.5em;
}

h4 sup {
	font-size: 65%;
	top: -.5em;
}

li sup {
	font-size: 45%;
	top:-.9em;
}

p sup {
	font-size:70%;
	top:-.4em;
}

h1, h2 { font-family: 'PreloLightRegular', Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal;}
h1 { line-height: 49px; }
h2 { color: #116c71; }
h3 { font-family: 'PreloMediumRegular', Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #116c71;}
p {
    margin: 0 0 9px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
}
li { line-height: 18px;}

input::-webkit-input-placeholder {
    color: #737373 !important;
}
input:searchbox:-moz-placeholder {
    color: #737373 !important;
}
input:-ms-input-placeholder {
        color: #737373 !important;
}



/* ============================================================================== */
/* Clearfix
/* ============================================================================== */

.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}




/* ============================================================================== */
/* Links
/* ============================================================================== */

	a, a:visited { color: #116c71; text-decoration: none; outline: 0;}
	a:hover, a:focus { color: #41433e;}

/* ============================================================================== */
/* Floats
/* ============================================================================== */

.left { float: left;}
.right { float: right;}
.clear { clear: both;}

.wht {color: #fff}
.orng {color: #fcb040}

a.pdf-small {padding-left:20px;background: transparent url('../images/pdf_icon_small.png') no-repeat left center;}
a.zip-small, a.cad-small {padding-left:20px;background: transparent url('../images/zip_icon_small.png') no-repeat left center;}

#nav_col {
	position: fixed;
	width: 245px;
	height: 100%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.2);
	z-index:10;
}

#logo { top: 30px; position: absolute;}
#top {
	top: 0px;
	position: fixed;
	display: block;
	background: none;
}

#bot {bottom: 0; position: fixed; clear: both; }

#top_right {
    list-style-type: none;
    position: absolute;
    right: 0;
    top: 2px;
    width: auto;
    z-index: 5;
    margin: 0;
    padding: 0;
}
#top_right li { display: block; float: left; background: url('../images/vertical_border.png') repeat-y right; padding: 0; margin: 0; height: 50px; position:relative;}
#top_right form { display: inline; }
#top_right li#search_container {background: rgba(0, 0, 0, 0.15) url('../images/vertical_border.png') repeat-y right; padding: 12px 15px 0 10px; height: 38px;}
#top_right #searchbox { width: 147px; height: 24px; padding: 0; margin: 0; font-family: 'PreloLightRegular', Arial, "Helvetica Neue", Helvetica, sans-serif; padding-left: 5px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
#top_right #submit_go { margin: 0; background: url('../images/btn_go.png') no-repeat; border: solid 0px #000; width: 30px; height: 25px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
#top_right a { background: rgba(0, 0, 0, 0.15); padding: 16px; text-align: center; color: #fff;  font-family: 'PreloLightRegular', Arial, "Helvetica Neue", Helvetica, sans-serif; display: block;}
#top_right li#country_selector a { background: rgba(0, 0, 0, 0.15) url('../images/globe_icon.png') no-repeat 13px 13px; padding-left: 43px;}
#top_right a:hover { background: rgba(0, 0, 0, 0.25); }
#top_right li#country_selector.active a { background-color: rgba(110, 125, 120, 0.75); }
#top_right li#find_dealer {background: none;}
#top_right li#language_selector { background: none; }
#top_right #language_select { display: none; position: absolute; right: 0; top: 50px; background: rgba(0, 0, 0, 0.15); padding: 20px 0 10px 0;}
#top_right #language_select li {
    float: none;
    width: 200px;
    margin-bottom: 0;
    list-style-type: none;
    height: 30px;
    padding: 0 20px 0 10px;
    background: none;
}
#top_right #language_select li a {
    color: #fff;
    display: inline-block;
    padding: 3px 0 3px 10px;
    text-decoration: none;
    width: 95%;
    background: url('../images/right_mini_arrow.png') no-repeat 190px;
    border-bottom: 1px solid #CDCDCD;
    text-align: left;
}
#top_right #language_select li.first a { border-top: 1px solid #CDCDCD;}


/* Global Hub Styles */
.insert-nid405 {
	display: none;
    right: 0;
	position: absolute;
	top: 50px;
	width: 870px;
	z-index: 16;
}
.node-405 #global-hub {
	margin: 0 auto;
}
.country-selector-tab {
	float: right;
	position: relative;
	top: 0;
	z-index: 9999;
}
.country-selector-tab a {
    padding: 16px; text-align: center; color: #fff;  font-family: 'PreloLightRegular', Arial, "Helvetica Neue", Helvetica, sans-serif;
    background: rgba(110, 125, 120, 0.75) url('../images/globe_icon.png') no-repeat 13px 13px; padding-left: 43px;
	display: block;
	width: auto;
}
.country-selector-tab a span {
	background: url("../images/sprite-no-repeat.png") no-repeat scroll -765px -194px transparent;
	display: block;
	float: left;
	height: 21px;
	margin-left: 1px;
	margin-right: 5px;
	width: 21px;
}
#top_right #country_selector .global-hub {
    background: rgba(110, 125, 120, 0.75);
/*  border: 1px solid #AEC6CE;*/
	clear: both;
	font-size: 13px;
	padding: 20px;
	width: 830px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}


#content-wrap .global-hub {
	background-color: transparent;
	border: none;
}
#content-wrap .country-selector-tab {
	display: none;
}
#top_right #country_selector .global-hub h3 {
 	font-weight: bold;
}
#top_right #country_selector .global-hub p {
	margin: 0 !important;
}
#top_right #country_selector .global-hub .intro {
	margin-bottom: 10px !important;
	font-family: 'PreloLightRegular', Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal;
	font-size: 18px;
	width: auto !important;
}
#top_right #country_selector .global-hub .intro strong { font-size: 15px; font-weight: bold; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
#top_right #country_selector .global-hub .outro {
	margin-top: 10px !important;
}
#top_right #country_selector .global-hub .outro {
	display: none;
}
#global-hub .intro {
	color: #fff;
}
#top_right #country_selector .global-hub .hub-maps {
	display: block;
	height: 147px;
	position: relative;
	padding-left: 20px;
}
#top_right #country_selector .global-hub .americas-map,
#top_right #country_selector .global-hub .europe-map,
#top_right #country_selector .global-hub .africa-map,
#top_right #country_selector .global-hub .asia-pacific-map {
/*  background-color: #303030;
    background-color: rgba(0,0,0,0.75);
    border: 1px solid #C2C2C2;*/
	float: left;
	margin-right: 19px;
	width: 180px;
}
#top_right #country_selector .global-hub .current-map {
/*  background-color: #FFF;*/
	border-bottom: none;
}
#top_right #country_selector .global-hub h3 {
	color: #fff;
	font-family: 'PreloMediumRegular', Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	line-height: 16px;
}
#top_right #country_selector .global-hub .current-map h3 {
	color: #fff;
}
#top_right #country_selector .global-hub .asia-pacific-map {
	margin-right: 0;
}
#top_right #country_selector .global-hub .hub-links {
/*  background-color: #FFF;*/
/*  border: 1px solid #C2C2C2;*/
	min-height: 30px;
	padding: 19px;
}
#top_right #country_selector .global-hub .europe-links,
#top_right #country_selector .global-hub .africa-links,
#top_right #country_selector .global-hub .asia-pacific-links {
	display: none;
	overflow: hidden;
}
#top_right #country_selector .global-hub .americas-links {
	overflow: hidden;
}
#top_right #country_selector .global-hub .col1,
#top_right #country_selector .global-hub .col2,
#top_right #country_selector .global-hub .col3 {
	float: left;
	margin-right: 2%;
	width: 32%;
}
#top_right #country_selector .global-hub .col3 {
	margin-right: 0;
}
#top_right #country_selector .global-hub ul {
	border-top: 1px solid #CDCDCD;
	margin: 0 !important;
}
#top_right #country_selector .global-hub ul li {
	background: url(../../hotspringIntl/images/gray-arrow.jpg) 95% center no-repeat !important;
	border-bottom: 1px solid #CDCDCD;
	margin-bottom: 0;
	list-style-type: none;
	float:none;
	height:auto;
}
#top_right #country_selector .global-hub ul li a {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #fff;
	display: block;
	padding: 3px 0 3px 5px;
	text-decoration: none;
	width: 95%;
	background: url('../images/right_mini_arrow.png') no-repeat right;
	text-align: left;
}
#top_right #country_selector .global-hub ul li a:hover {
	font-weight: bold;
}
.outro-lang {
	display: none;
}

/* Global Hub Page Styles */
#page-global-hub {
	background: url('../images/bkg-global-hub.jpg') center top no-repeat;
}
#page-global-hub #main {
	background: none;
}
#page-global-hub #header .container {
	padding: 210px 65px 0;
	width: 830px;
}
#page-global-hub .global-hub {
	margin: 0 auto;
	padding-top: 0 !important;
}
#page-global-hub .country-selector-tab {
	display: none;
}
#page-global-hub #global-hub {
	background: none;
	border: none;
}
#page-global-hub .hub-links {
	/* height: 450px; */
}
#page-global-hub .intro {
	display: none;
}
#page-global-hub .outro-lang {
	clear: both;
	display: block;
	padding: 10px 0 0;
}

.row { padding-bottom: 50px;}


.americas-map, .europe-map, .africa-map, .asia-pacific-map { background: url('../images/country_sprite.png') no-repeat; width: 180px; height: 130px; }
.europe-map { background-position: -180px 0;}
.africa-map { background-position: -360px 0;}
.asia-pacific-map { background-position: -540px 0;}

.americas-map:hover, #america .americas-map { background-position: 0 bottom; }
.europe-map:hover, #europe .europe-map { background-position: -180px -120px;}
.africa-map:hover, #africa .africa-map { background-position: -360px -136px;}
.asia-pacific-map:hover, #asia .asia-pacific-map { background-position: -540px -143px;}


/** Navigation  */
#main_nav {
    list-style-type: none;
    top: 170px;
    position: absolute;
    margin: 0;
    padding: 0;
}

#main_nav li a, #bot_nav li a, #flyout_anchor_open {
    width: 230px;
    height: 25px;
    font-family: 微软雅黑;
    font-size: 16px;
    color: #fff;
    display: block;
    background: url('../images/nav_border.png') repeat-x bottom;
    padding: 5px 0 0 15px;
    text-shadow: 1px 1px 1px #999;
}

#bot_nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#bot_nav li a {
    background: #bace8f;
    text-shadow: none;
    color: #78857c;
    font-size: 14px;
    margin-bottom: 1px;
}

#bot_nav li a:hover {
    background: #abbd83;
    color: #797979;
}

#bot_nav_social {
	width: 100%;
	height: 270px;
	background: #e0dedd;
}

	#bot_nav_social p {
		text-shadow: none;
		font-family: 'PreloLightRegular', Arial, "Helvetica Neue", Helvetica, sans-serif;
	    color: #78857c;
	    font-size: 14px;
	    margin-bottom: 1px;
	    padding: 25px 0 10px 15px;
	}

	#bot_email {
		padding: 10px;
		background: #cbcbc9;
		margin: 0 10px;
	}

		#bot_email #email_sub {
			width: 156px;
			height: 24px;
			padding: 0;
			margin: 0;
			font-family: 'PreloLightRegular', Arial, "Helvetica Neue", Helvetica, sans-serif;
			padding-left: 5px;
			border: 1px solid #999999;
			border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
			}

	ul#social_links	{
		padding: 20px 20px 0 5px;
		margin: 0px;
	}

		ul#social_links li {
			float: left;
			display: inline;
			width: 33px;
			height: 33px;
			overflow: hidden;
			padding-left: 20px;
		}

			ul#social_links li a {
				height: 33px;
				overflow: hidden;
				margin-top: 0px;
			}

			ul#social_links li a:hover img {

				margin-top: -33px;
			}

/* ============================================================================== */
/* Navigation Product Flyout
/* ============================================================================== */
/*#flyout_container {
    position: absolute;
    width: 100%;
    height: 303px;
}*/

#flyout {
    display: block;
    height: 0px;
    width: 275px;
    position: fixed;
    z-index: 10;
    top: 169px;
    left: 0;
    right: 0;
    display: none;
    z-index: 15;
}

#flyout_content { padding-left: 30px; background: #6e7d78; height: 303px;}
#flyout_li { width: 100%; }
#flyout_top { background: url('../images/nav_border.png') repeat-x bottom; height: 30px; padding-top: 1px; margin-left: -30px; padding-left: 30px;}
#flyout_anchor_open { background: none; padding: 5px 0 0 15px; float: left;}

#flyout_all_series { margin: 5px 0; }
#flyout_all_series ul, .spa_list { margin: 0; padding: 0;}
#flyout_all_series ul li, .spa_list li { display: inline; padding: 0 10px; border-right: 1px solid #b2b2b2;}
#flyout_all_series ul li.last, .spa_list li.last { border-right: none; }
#flyout_all_series ul li a, .spa_list li a{ display: inline; font-family: 'PreloLightRegular', Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal;
color: #fcb040; font-size: 16px; outline: none;
}
.spa_list li a { font-size: 14px; font-family: 'PreloMediumRegular', Arial, "Helvetica Neue", Helvetica, sans-serif;}
.spa_list li a sup { display: none;}
#flyout_all_series ul li a.active { color: #fff; }
#flyout_elements { height: 216px; width: 100%; overflow: hidden; margin-left: 300px;}
#flyout_close { position: absolute; right: 4px; top: 4px; display: block; background: url('../images/flyout_close.png') no-repeat; text-indent: -99999px; height: 21px; width: 21px;}
.flyout_element { float: left; width: 455px; border-right: 1px solid #87908a; margin-left: 20px; height: 216px; margin-top: 30px;}
.flyout_intro { width: 230px; height: 206px; margin: 0 0 0 10px; border: none;}
.flyout_intro h3 { font-size: 30px; color: #e2d7c3; font-family: 'PreloLightItalicRegular', Arial, "Helvetica Neue", Helvetica, sans-serif;}
.flyout_model_image { float: left; padding-top: 3px;}
.flyout_element_right { float: left; width: 250px; padding-left: 15px; }
.flyout_element p { color: #fff; font-size: 12px;}
.flyout_intro a, .flyout_element p a { color: #fcb040 !important;}
.flyout_element h4 a { font-family: 'PreloLightItalicRegular', Arial, "Helvetica Neue", Helvetica, sans-serif; font-variant: uppercase; margin: 0 0 5px 0; color: #e2d7c3; font-size: 18px; font-weight: normal;}
.flyout_element ul.mini_specs, .flyout_element ul, .flyout_element ul li { margin: 0; padding: 0; }
.flyout_element ul.mini_specs li { font-size: 13px; color: #e2d7c3; list-style-type: none;}
.flyout_element ul.mini_specs li span { font-weight: bold;}

.flyout_element ul.link_list_first { margin-top: 10px; }
.flyout_element ul.link_list li { display: inline; padding-right: 10px;}
.flyout_element ul.link_list li a { color: #fcb040; font-family: 'PreloMediumItalicRegular', Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 11px;}
.flyout_element ul.link_list li a span { color: #fff; }

#flyout_scroll { width: 75px; height: 178px; background: url('../images/flyout_scroll.png') no-repeat; position: absolute; right: 0;}
#flyout_scroll:hover { cursor: pointer;}
#flyout_anchor_open { width: 150px; }
#flyout_series_intro { position: absolute; top: 60px;}
.flyout_element ul.spa_list { margin: 10px 0; }
.flyout_element ul.spa_list li { padding: 0 3px; }
#flyout_left, #flyout_right { width: 40px; height: 272px; position: absolute; top: 30px;}
#flyout_left { background: #434b49 url('../images/flyout_left.png') no-repeat center center; left: 290px; }
#flyout_right { background: #434b49 url('../images/flyout_right.png') no-repeat center center; right: 0;}
#flyout_left:hover, #flyout_right:hover { cursor: pointer; }
/** hero & content */
#hero_container {
    position: absolute;
    height: 1000px;
    width: 100%;
    overflow: hidden;
    left: 0;
    min-width: 1500px;
}

#hero {
    height: 100%;
    width: 100%;
    background: url('../images/generic_bg.jpg') no-repeat 0 0;
    position: relative;
    overflow: hidden;
    color: #fff;
    padding: 80px 0 0 350px;
}

.spa-landing #hero {
	padding-top: 44px;
	padding-left: 435px;
}

#hero p { width: 360px;}

#main_col {
    width: 960px;
    position: absolute;
    left: 250px;
    padding-left: 190px;
    margin-top: 140px;
    min-height: 600px;
}

#hero_title {
/*    position: absolute;*/
    left: 400px;
    width: 350px;
    font-size: 60px;
	line-height: 58px;
    font-weight: normal;
	margin: 0 0 15px 0;
    font-family: 'PreloLightItalicRegular', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* ============================================================================== */
/* Home Page Calls To Action (CTA)
/* ============================================================================== */

#cta_block {
	width: 960px;
	height: 215px;
	position: absolute;
	bottom: -232px;
	right: -21px;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.35)
}
.cta {
	float: left;
	width: 319px;
	height: 216px;
	background: #fff;
	border-right: 1px solid #d9d9d9;
	position: relative;
}

.cta.last { border: none; }

.cta img {bottom: 0px; position: absolute;}
.cta h2 { padding: 10px 0 0 30px; font-size: 20px; text-transform: uppercase; }
.cta h2 a { font-family: 'PreloMediumItalicRegular', Arial, "Helvetica Neue", Helvetica, sans-serif; color: #7aa445; }

.cta p { padding: 0 30px 0; font-family: 'PreloMediumRegular', Arial, "Helvetica Neue", Helvetica, sans-serif; color: #6b7873; }

#discover-toggle {
	width: 102px;
	height: 18px;
	background: #f39203;
	margin-left: 867px;
	padding: 6px;
	position: absolute;
	top: 832px;
}

	#discover-toggle a {
		color: #fff;
		text-decoration: none; font-family: 'PreloLightRegular', Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-weight: normal;
		font-size: 15px;
		padding: 5px 5px 5px 28px;
		background: transparent url('../images/icn-minus.png') no-repeat left;
		cursor: pointer;
	}

		#discover-toggle a.discoverExpand {
			background: transparent url('../images/icn-plus.png') no-repeat left;
		}

/* ============================================================================== */
/* Footer
/* ============================================================================== */

footer {
    height: 194px;
    width: 1100px;
    left: 25px;
    bottom: -295px;
    background: url('../images/footer_bg.png') repeat-x;
    position: absolute;
}
footer ul { position: absolute; right: 0; top: 160px;}
footer ul li{ display: inline; list-style-type: none; border-right: 1px solid #b4aea3; padding: 0 5px 0 0;}
footer ul li.last{ border-right: none;}
footer ul li a { color: #b4aea3 !important; text-decoration: none; font-family: 'PreloLightRegular', Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal;}
footer ul li a:hover { text-decoration: underline;}

footer ul#series_select { top: 25px; left: 50px;}

body.homepage footer{ background: none; height: auto;}
body.homepage footer ul { padding: 0 0 10px 230px; }

#rocks {
    height: 220px;
    width: 255px;
    background: url('../images/rocks.png') no-repeat;
    position: absolute;
    right: -50px;
    top: -89px;
}

#footer_image_paradise {
    height: 233px;
    width: 442px;
    background: url('../images/leaf.png') no-repeat;
    position: absolute;
    right: -40px;
    top: -106px;
}

#footer_image_vacanza {
    height: 242px;
    width: 389px;
    background: url('../images/grow.png') no-repeat;
    position: absolute;
    right: -31px;
    top: -143px;
}

#footer_image_utopia {
    height: 204px;
    width: 297px;
    background: url('../images/pearl.png') no-repeat;
    position: absolute;
    right: -31px;
    top: -79px;
}

/* ============================================================================== */
/* Margins & Padding
/* ============================================================================== */
	.marT20 { margin-top: 20px !important;}
	.marT30 { margin-top: 30px !important;}
	.marT50 { margin-top: 50px !important;}
	.marB10 { margin-bottom: 10px !important;}
	.marB15 { margin-bottom: 15px !important;}
	.marB0 { margin-bottom: 0 !important;}
	.marB36 { margin-bottom: 36px !important;}
	.marL0 { margin-left: 0 !important;}
	.marL30 { margin-left: 30px !important;}
	.mt15 { margin-top: 15px; }
	.padT10 { padding-top: 10px !important;}
	.padR10 { padding-right: 10px !important;}
	.padB0 { padding-bottom: 0 !important;}
	.padL0 { padding-left: 0 !important;}
	.padL10 { padding-left: 10px !important;}

/* ============================================================================== */
/* Breadcrumbs
/* ============================================================================== */

.breadcrumbs.span4 { margin-left: 0 !important;}

/* ============================================================================== */
/* Main Nav
/* ============================================================================== */

.main-nav { position: relative; left: -140px; height: 52px; width: 960px; background: url(../images/nav_end_left.png) no-repeat -21px 12px;}
	.main-nav ul { position: relative; top: 12px; left: 100px; margin: 0 auto; background: #fdf1db; float: left; padding: 11px 0; width: 100%;}
		.main-nav li { display: inline-block; padding-right: 20px; color: #988f80; }
		.main-nav li a { font-weight: normal; color: #988f80; padding: 20px 16px 26px 16px; font-family: 'PreloMediumItalicRegular', Arial, "Helvetica Neue", Helvetica, sans-serif; }
			.main-nav li a:hover { color: #333;}
			.main-nav li a.current { color: #f39203; background: url(../images/top-nav-active-bg.png) no-repeat center 0;}
	.main-nav .end_right { background: url(../images/nav_end_right.png) no-repeat -12px 10px; width: 111px; height: 52px; right: -203px; top: 2px; position: absolute;}

/* ============================================================================== */
/* Sub Nav
/* ============================================================================== */

.sub-nav li { display: inline-block; margin: 0 5px 0 0; width: 100px; text-align: center;font-family: 'PreloMediumItalicRegular'; line-height: 14px; padding: 4px 10px; border-radius: 8px; background: #f39203;
      -moz-box-shadow:    0px 1px 0px 0px #cc7b03;
      -webkit-box-shadow: 0px 1px 0px 0px #cc7b03;
      box-shadow: 0px 1px 0px 0px #cc7b03;
    }
	.sub-nav li:last-child { margin: 0;}
	.sub-nav li a { display: block; color: #fff; font-size: 14px; text-shadow: none; }
		.sub-nav li a:hover {}

.sub-nav { float: right; }
#sub_nav_container { position: absolute; top: 90px; left: 800px;}

/* ============================================================================== */
/* Series Landing
/* ============================================================================== */

.series-landing #main_col { margin-top: 550px;}
.series-landing p#description.span4 { margin: 0; color: #464646;}
	.series-landing .main-nav { display: none;}
	.model_container { margin: 0 30px 0 0;}
	.last_model { margin: 0; }
	.model_image { height: 260px; }
	.specs { margin: 45px 0 50px 0; text-align: center;}
		.specs li { list-style: none; margin: 0 20px 0 0; padding: 30px 0 0 0; display: inline; width: 45px; font-size: 11px;}
		.specs li.seats { background: url(../images/icons/seats.png) no-repeat center top;}
		.specs li.dimensions { background: url(../images/icons/dimensions.png) no-repeat center top;}
		.specs li.jets { background: url(../images/icons/jets.png) no-repeat center top; margin: 0;}

/* ============================================================================== */
/* Spa Landing
/* ============================================================================== */


.spa-landing .breadcrumbs { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 25px; }
a.back-to { display: block; color: #e2d7c3;}
.spa-landing .main-nav { margin-top: 254px;}
.spa-landing .main_spa_bar img.spa_overhead { width: 218px; height: 218px; float: left; }
ul#specs { float: left; margin: 0; }
	#specs li { list-style: none; padding: 15px 0 15px 50px; font-weight: bold;}
		li#view { background: url(../images/icons/view.png) no-repeat 4px center;}
		li#seats { background: url(../images/icons/seats.png) no-repeat left center;}
		li#dimensions { background: url(../images/icons/dimensions.png) no-repeat 6px center;}
		li#jets { background: url(../images/icons/jets.png) no-repeat 8px center;}
#rating { margin: 10px 30px 0 0; padding: 0 30px 0 0; }
	#rating p strong { margin: 0 10px 0 0;}
	#rating ul { margin: 0;}
		#rating li { display: inline-block;}
			.read,
			.write { padding: 0 0 5px 24px;}
				.read { background: url(../images/icons/icon_single.png) no-repeat 0 0;}
				.write { background: url(../images/icons/icon_pencil.png) no-repeat 0 0;}
			#rating li:first-child { margin: 0 20px 0 0;}
#qa { margin: 10px 0 0 0;}

.main_quote {background: url(../images/icons/icon_testimonial.png) no-repeat 0 15px; }

    .testimonial {
        font-size: 20px;
        line-height: normal;
        color: #6b7873;

        padding: 0 0 0 55px;
        font-family: 'PreloLightItalicRegular',Arial,"Helvetica Neue",Helvetica,sans-serif;
    }
	    .row p.customer { margin: 0 0 0 55px; color: #6b7873; font-family: 'PreloLightItalicRegular',Arial,"Helvetica Neue",Helvetica,sans-serif;}

/* ============================================================================== */
/* Accessories
/* ============================================================================== */

.accessories h2 { margin: 10px 0 5px 0;}

/* ============================================================================== */
/* Caldera Difference
/* ============================================================================== */

.caldera-difference h2 { margin: 10px 0 5px 0;}

/* ============================================================================== */
/* Power of Wellness
/* ============================================================================== */

.power-of-warm-water .span12 p { font-size: 18px; line-height: normal;}

.about-caldera .text_left h2 { font-size: 36px; line-height: normal; margin: 30px 0 15px 0;}

/* ============================================================================== */
/* Owner's Corner
/* ============================================================================== */
.parent_owners-corner .main-nav li, .owners-corner .main-nav li { padding-right: 2px; }


/* ============================================================================== */
/* Pre-Delivery Instructions
/* ============================================================================== */
body.pre-delivery-instructions .row a {
    display: block;
}

.spa-renderings table.table-bordered thead tr {
	background: #6E7D78;
	color: #E2D7C3;
	font-weight: bold;
}

.table-bordered tr.datarow_every td {
	background-color: rgba(243, 243, 243, 0.2)
}

.table-bordered tr.datarow_other td {
	background-color: rgba(0, 0, 0, 0.05)
}


/* voices page */
.voices_box_wrapper { padding-left: 40px;}
.voices_box { background: url("../images/voices/corner_bg.png") no-repeat top right; margin-top: 50px; width: auto; height: 250px;}
.voices_content { margin-left: 40px; width: 260px; }
.voices_box h3 { font-size: 24px; font-family: 'PreloMediumRegular',Arial,"Helvetica Neue",Helvetica,sans-serif; color: #1382a4; }
.voices_box p { font-size: 18px; font-family: 'PreloLightRegular',Arial,"Helvetica Neue",Helvetica,sans-serif; line-height: 26px; color: #41433e; }
.voices_box a { color: #f39203; }
.voices_box .links { margin-top: 50px; }

.download_content h4 { font-family: 'PreloMediumRegular',Arial,"Helvetica Neue",Helvetica,sans-serif; color: #1382a4; padding-bottom: 10px;}

/* ============================================================================== */
/* Compare Spa Models // Spec Tables in Products
/* ============================================================================== */

.spec-table .table {
    background: url("../images/table-bg.png") repeat scroll 0 0 transparent;
    width: 960px;
    border: none;
    /* font-family: 'PreloLightItalicRegular'   */
}

.spec-table .table select {
	background-color: #fff;
	color: #242424;
	text-align: left;
}

.spec-table .table, .spec-table .table th {
    border: none;
	text-align: center;
}

#tech-specs.spec-table .table th {
    background: #ccc;
}

.spec-table .table .firstrow td {
    border-top: none;
}

.spec-table .table td {
    width: 260px;
    border: none;
    border-left: 1px solid #c7c6c2;
}

.spec-table .table tbody tr:hover td, .table tbody tr:hover th {
    background-color: none;
}

.spec-table .table tbody tr:nth-child(2n) td {
    background: url("../images/table-bg-strip.png") repeat scroll 0 0 transparent;
}

.spec-table .table .firstcolumn,
.spec-table .table .fieldname {
    border-left: none;
}

.cs_button {
	text-align: center;
	padding: 10px 0;
}

.spec-table .cl {
    background: none repeat scroll 0 0 #F39203;
    border-radius: 8px 8px 8px 8px;
    box-shadow: -1px 1px 0 1px #D07D03;
    display: inline-block;
    font-family: 'PreloLightItalicRegular';
    line-height: 14px;
    margin: 0 5px 0 0;
    padding: 4px 10px;
    text-align: center;
    width: 100px;
    color: #FFFFFF !important;
    font-size: 14px;
    text-shadow: 1px 0 1px #333333;
}

.spec-table a.cl:hover, .spec-table a.cl:active  {
    color: #FFFFFF !important;
}

.spec-table .align-center {
    text-align: center !important;
}

.spec-table .noactive{
    background-color: #CBC7C1;
    box-shadow: -1px 1px 0 1px #CBC7C1;
    opacity: 0.5;
}

.spec-table .fieldname {
    font-size: 13px;
    font-weight: bold;
    color: #40606f;
}

.spec-table .firstrow .no-model {
	background: rgba(203, 211, 210, 0.7);
	width: 231px;
	height: 197px;
	-moz-border-radius: 10px;
	border-radius:10px;
    display:inline-block;
    margin-bottom:34px;
}

.spec-table .firstrow .no-model p.no-model-text {
	text-align:center;
margin: 75px 15px 0px 15px;
font-size: 11px;
color: #40606e;
}

.spec-table .firstrow .underimg {
    text-align: left;
    margin: 10px 10px 0 15px;
}

.spec-table .firstrow .underimg .rotate .threesixtybutton {
	background: url('../images/btn_comp_spas_360_view_noarrow.png') no-repeat;
	height:37px;
	margin-left:-6px;
}

.spec-table .firstrow .underimg .rotate .threesixview {
	color: #f69002;
	display:block;
}


.spec-table .firstrow .modelname {
    color: #116C71;
    font-size: 26px;
    line-height: 31px;
 	font-family: 'PreloLightItalicRegular';
}

.spec-table .firstrow .modelimg {
	width: 231px;
	height: auto;
}

.spec-table .firstrow .rotate {
    display: inline-block;
    float: right;
    height: 37px;
    width: 53px;
}



/* Custom Heights to Balance AJAX/Population of Table */
/*
Hydromassage Jets - 5
Control System - 3
Aquatic Melodies® Entertainment - 4
Multi-color LED Lighting System - 2
Energy Efficiency - 4
Spa Shell and EcoTech® Cabinet Options - 6+

*/

#hydromassage-jets td { height: 130px; }
#control-system td { height: 78px; }
#aquatic-melodies-entertainment { height: 104px; }
#multi-color-led-lighting-system { height: 52px; }
#energy-efficiency td { height: 104px; }
#spa-shell-ecotech-cabinet-options { height: 156px; }


/* series index page */
.series_landing { margin: 50px 0 0 26px;}
.series_landing_image { margin-bottom: 10px; }
.series_landing p.description { font-size: 14px; line-height: 24px; color: #41433e; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.series_landing h2 { font-size: 32px; font-family: 'PreloLightRegular',Arial,"Helvetica Neue",Helvetica,sans-serif;}
.series_landing h4 { font-family: 'PreloLightRegular',Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 16px;}
.row .spa_short p { margin: 0 0 13px 0; font-size: 12px; }
a.view_series { color: #f39203; font-weight: bold; margin-top: 20px; display: block;}

/* ============================================================================== */
/* Pure Template
/* ============================================================================== */
.m0 {margin-bottom: 0!important; margin-left: 0!important; margin-right: 0!important; margin-top: 0!important;}

.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}

.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}

.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}

.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}

/* Pure Comfort Grid Layout A */

.pcGridMain {
	width: 960px;
	margin-left: 20px;
}

.hoverUp {
	width: 184px;
	height: 378px;
	overflow: hidden;
	position: relative;
}

.hoverDown {
	width: 184px;
	height: 378px;
	overflow: hidden;
	position: relative;
}


.details p {
	color: #fff;
	padding: 0 26px;
	font-size: 11px;
	line-height: 14px;
}

.pcGrid h2 {
    padding-top: 0;
    font-family: 'PreloMediumRegular',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: normal;
    font-style: normal;
    padding-bottom: 0;
}

.row .pcGrid p {
    margin-top: 0;
    line-height: 22px;
}

.mosaic-overlay .details p {
    margin-top: 10px;
    line-height: 15px;
}

/* content sections */
.pure-top-middle {
    height: 323px;
    width: 317px;
    overflow: hidden;
    background: #ccecfc;
    padding: 30px;
}

.pure-middle-right {
    height: 152px;
    width: 317px;
    overflow: hidden;
    background: #ddd8d7;
    padding: 20px 30px;
}

.pure-middle-left {
    height: 144px;
    width: 317px;
    overflow: hidden;
    background: #e4eeed;
    padding: 20px 30px;
}

.pure-middle-left-left {
    height: 385px;
    width: 378px;
    overflow: hidden;
}
	.hoverDown.pure-middle-left-left .details p {
		padding:0px 13px;
	}

	.hoverDown.pure-middle-left-left .mosaic-overlay {
		height: 60px;
		display: block;
		top: -60px;

	}


.pure-lower-far-right {
    height: 144px;
    width: 318px;
    overflow: hidden;
    background: #d9e7dd;
    padding: 20px 30px;
}

.pure-lowest-middle {
    height: 326px;
    width: 512px;
    overflow: hidden;
    background: #d9ecd0;
    padding: 30px;
}

.video-link-text {
	font-family: 'PreloMediumRegular', Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #116c71;
	display: block;
}

.watch_video {
	background: url(../images/watch_video.png) no-repeat;
	width:179px;
	height:40px;
	line-height: 40px;
    display: block;
    margin-right: auto;
    margin-left:auto;
}

	.watch_video .video-link-text {
		line-height: 40px;
		text-align: center;
		padding-left: 44px;
		color:#41433e;
	}

.pc-footridge.hoverUp {
	width: 184px;
	height: 193px;
}

	.pc-footridge.hoverUp .mosaic-overlay {
		height: 130px;
		bottom: -130px;
	}

		.pc-footridge.hoverUp .mosaic-overlay .details p {
			padding: 0 10px;
		}

.pc-handrail.hoverUp {
	width: 184px;
	height: 182px;
}

	.pc-handrail.hoverUp .mosaic-overlay {
		height: 100px;
		bottom: -100px;
	}

		.pc-handrail.hoverUp .mosaic-overlay .details p {
			padding: 0 10px;
		}

.pc-blueQuote {
	width: 376px;
	height: 182px;
	background: #00839a;
}

	.pcGrid.pc-blueQuote p {
		font-family: 'PreloMediumItalicRegular',Arial,"Helvetica Neue",Helvetica,sans-serif;
    	font-weight: normal;
    	font-style: normal;
    	color: #fff;
    	font-size: 24px;
    	padding: 30px 20px;
    	line-height: 30px;
	}

.pc-woman-blue.hoverUp {
	width: 182px;
	height: 178px;
}

	.pc-woman-blue.hoverUp .mosaic-overlay {
		height: 80px;
		bottom: -80px;
	}

		.pc-woman-blue.hoverUp .mosaic-overlay .details p {
			padding: 0 10px;
		}

/* ----- Pure Style ----- */
.style-top-left {
	background: #ccecfc;
	height: 346px;
	width: 348px;
	overflow: hidden;
    padding: 15px;
}

.hoverDown.style-row-twoleft {
	width: 378px;
}

	.hoverDown.style-row-twoleft.bar .mosaic-overlay {
		height: 120px;
		top: -120px;
	}

.style-row2-right {
	width: 572px;
	height: 383px;
}

	.style-row2-right .row2-1-top-left {
		width: 348px;
		height: 161px;
		background: #d8d9da;
		padding: 15px;
	}


.style-row3-mid {
	background: none repeat scroll 0 0 #d9ecd0;
    height: 345px;
    overflow: hidden;
    padding: 20px 15px;
    width: 348px;
}

	.style-row3-mid a.watch_video img {
		padding-top: 50px;
	}

.style-row3-right.hoverUp {
	width: 378px;
	height: 385px;
}

	.hoverUp.style-row3-right {
	width: 378px;
}

	.hoverUp.style-row3-right.bar .mosaic-overlay {
		height: 120px;
		bottom: -120px;
	}

.style-row4-right {
	background: none repeat scroll 0 0 #eee6e4;
    height: 175px;
    overflow: hidden;
    padding: 10px 15px;
    width: 348px;
}


/* ----- Pure Performance ----- */


.perf-top-left {
	width: 572px;
	height: 376px;
}
	.hoverDown.perf-top-left .details p {
		padding:0px 13px;
	}

	.hoverDown.perf-top-left.bar .mosaic-overlay {
		height: 60px;
		display: block;
		top: -60px;

	}

.perf-top-right {
	width: 318px;
	height: 346px;
	background: #d9ecd0;
	padding: 15px 30px;
}

	.perf-top-right a.watch_video img {
		padding-top: 50px;
	}

.perf-row2-left {
	width: 184px;
	height: 578px;
}

.perf-row2-left-top {
	width: 184px;
	height: 383px;
}

.perf-row2-left-bot {
	width: 184px;
	height: 185px;
}

	.hoverDown.perf-row2-left-bot .details p {
		padding:0px 13px;
	}

	.hoverDown.perf-row2-left-bot {
		width: 184px;
		height: 185px
	}

	.hoverDown.perf-row2-left-bot.bar .mosaic-overlay {
		height: 184px;
		display: block;
		top: -191px;

	}


.perf-row2-mid {
	width: 378px;
	height: 572px;
}

.perf-row2-mid-top {
	width: 358px;
	height: 171px;
	overflow: hidden;
	background:#d8d9da;
	padding: 10px 10px;
}
	.perf-row2-mid-top a.watch_video img {

	}

.pcGrid .perf-row2-mid-top h2 {
	line-height: 27px;
}

.pcGrid .perf-row2-mid-top p {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 4px;
}

.perf-row2-mid-mid {
	width: 378px;
	height: 183px;
}

.perf-row2-mid-bot {
	width: 358px;
	height: 164px;
	background:#ccecfc;
	padding: 10px 10px;
}

.perf-row2-right {
	width: 378px;
	height: 578px;
}

.perf-row2-right-topleft {
	width: 184px;
	height: 191px;
}

	.hoverDown.perf-row2-right-topleft .details p {
		padding:0px 13px;
	}

	.hoverDown.perf-row2-right-topleft {
		width: 184px;
		height: 191px
	}

	.hoverDown.perf-row2-right-topleft.bar .mosaic-overlay {
		height: 122px;
		display: block;
		top: -191px;

	}


.perf-row2-right-topright {
	width: 184px;
	height: 191px;
}

	.hoverDown.perf-row2-right-topright .details p {
		padding:0px 13px;
	}

	.hoverDown.perf-row2-right-topright {
		width: 184px;
		height: 191px
	}

	.hoverDown.perf-row2-right-topright.bar .mosaic-overlay {
		height: 122px;
		display: block;
		top: -191px;

	}


.perf-row2-right-bot {
	width: 378px;
	height: 377px;
}

.perf-row3 {
	width: 960px;
	height: 190px;
}

.perf-row3-left {
	width: 378px;
	height: 190px;
}
	.hoverDown.perf-row3-left .details p {
		padding: 0px 13px;
	}

	.hoverDown.perf-row3-left {
		width: 378px;
		height: 190px;
	}

	.hoverDown.perf-row3-left.bar .mosaic-overlay {
		height: 75px;
		display: block;
		top: -75px;

	}


.perf-row3-mid {
	width: 184px;
	height: 190px;
}

	.hoverDown.perf-row3-mid .details p {
		padding:0px 13px;
	}

	.hoverDown.perf-row3-mid {
		width: 184px;
		height: 190px
	}

	.hoverDown.perf-row3-mid.bar .mosaic-overlay {
		height: 190px;
		display: block;
		top: -190px;

	}

.perf-row3-right {
	width: 378px;
	height: 190px;
}

.perf-row4 {
	width: 960px;
	height: 194px;
}

.perf-row4-left {
	background:#fef7e9;
	width: 358px;
	height: 174px;
	padding: 10px 10px;

}

.perf-row4-mid {
	width: 184px;
	height: 194px;
}

.perf-row4-right {
	width: 378px;
	height: 194px;
}

.pcGrid .blueQuote p {
	font-family: 'PreloLightItalicRegular', sans-serif;
	font-style: normal;
	font-weight: normal;
	color: white;
	padding: 10px 15px;
	font-size: 22px;
	line-height: 28px;
}

	.pcGrid .blueQuote p span {
		font-size: 15px;
	}

/*-- Cantabria --*/

.cantabria-row1 {
	width: 960px;
	height:372px;
}

.cantabria-row1-left {
	width: 378px;
	height: 372px;
}

.cantabria-row1-left-top {
	width: 378px;
	height: 182px;
}

.cantabria-row1-left-bot {
	width: 378px;
	height: 180px;
	background:#00839a;
}


.cantabria-row1-mid {
	width: 340px;
	height: 352px;
	background: #d8d9da;
	padding: 10px 20px;
}

	.pcGrid .cantabria-row1-mid p {
		margin-bottom: 0px;
	}
	.cantabria-row1-mid li {
		line-height: 24px;
	}

.cantabria-row1-right {
	width: 182px;
	height: 372px;
}

.cantabria-row1-right-top {
	width: 182px;
	height: 182px;
}

	.hoverDown.cantabria-row1-right-top .details p {
		padding:0px 13px;
	}

	.hoverDown.cantabria-row1-right-top {
		width: 182px;
		height: 182px
	}

	.hoverDown.cantabria-row1-right-top.bar .mosaic-overlay {
		height: 88px;
		display: block;
		top: -191px;
	}



.cantabria-row1-right-bot {
	width: 182px;
	height: 180px;
}

	.hoverUp.cantabria-row1-right-bot .details p {
		padding:0px 13px;
	}

	.hoverUp.cantabria-row1-right-bot {
		width: 182px;
		height: 182px
	}

	.hoverUp.cantabria-row1-right-bot.bar .mosaic-overlay {
		height: 100px;
		bottom: -100px;
		display: block;
	}


.cantabria-row2 {
	width: 960px;
	height: 383px;
}

.cantabria-row2-left {
	width: 338px;
	height: 363px;
	background: #ccecfc;
	padding: 10px 20px;
}

.cantabria-row2-right {
	width: 572px;
	height: 383px;
}

.cantabria-row3 {
	width: 960px;
	height: 383px;
}
.cantabria-row3-left {
	width: 184px;
	height: 383px;
}

.cantabria-row3-mid {
	width: 378px;
	height: 383px;
}

.cantabria-row3-mid-top {
	width: 358px;
	height: 164px;
	background: #d9ecd0;
	padding: 10px 10px;
}

.cantabria-row3-mid-botleft {
	width: 183px;
	hight: 189px;
}

.cantabria-row3-mid-botright {
	width: 185px;
	height: 189px;
}

.cantabria-row3-right {
	width: 378px;
	height: 383px;
}

.cantabria-row3-right-top {
	width: 378px;
	height: 184px;
}

	.hoverUp.cantabria-row3-right-top .details p {
		padding:0px 13px;
	}

	.hoverUp.cantabria-row3-right-top {
		width: 378px;
		height: 184px
	}

	.hoverUp.cantabria-row3-right-top.bar .mosaic-overlay {
		height: 100px;
		bottom: -100px;
		display: block;
	}

.cantabria-row3-right-bot {
	width: 378px;
	height: 189px;
}

.cantabria-row4 {
	width: 960px;
	height: 192px;
}

.cantabria-row4-left {
	width: 184px;
	height: 192px;
}

	.hoverDown.cantabria-row4-left .details p {
		padding:0px 13px;
	}

	.hoverDown.cantabria-row4-left {
		width: 184px;
		height: 184px
	}

	.hoverDown.cantabria-row4-left.bar .mosaic-overlay {
		height: 134px;
		top: -134px;
		display: block;
	}

.cantabria-row4-mid {
	width: 378px;
	height: 192px;
}

.cantabria-row4-right {
	width: 358px;
	height: 172px;
	background: #f2e8f3;
	padding: 10px 10px;
}


/*-- Geneva & Niagra --*/

.geneva-row1 {
	width: 960px;
	height:372px;
}

.geneva-row1-left {
	width: 378px;
	height: 372px;
}

.geneva-row1-left-top {
	width: 378px;
	height: 182px;
}

.geneva-row1-left-bot {
	width: 378px;
	height: 180px;
	background:#00839a;
}
	.geneva-row1-left-bot p {
		font-style: italic;
		color: white;
		padding: 10px 10px;
		font-size: 16px;
	}

.geneva-row1-mid {
	width: 340px;
	height: 352px;
	background: #d8d9da;
	padding: 10px 20px;
}
	.geneva-row1-mid li {
		line-height: 24px;
	}

	.pcGrid .geneva-row1-mid p {
		margin-bottom: 0px;
	}


.geneva-row1-right {
	width: 182px;
	height: 372px;
}

.geneva-row1-right-top {
	width: 182px;
	height: 182px;
}

	.hoverDown.geneva-row1-right-top .details p {
		padding:0px 13px;
	}

	.hoverDown.geneva-row1-right-top {
		width: 182px;
		height: 182px
	}

	.hoverDown.geneva-row1-right-top.bar .mosaic-overlay {
		height: 88px;
		display: block;
		top: -191px;
	}



.geneva-row1-right-bot {
	width: 182px;
	height: 180px;
}

	.hoverUp.geneva-row1-right-bot .details p {
		padding:0px 13px;
	}

	.hoverUp.geneva-row1-right-bot {
		width: 182px;
		height: 182px
	}

	.hoverUp.geneva-row1-right-bot.bar .mosaic-overlay {
		height: 100px;
		bottom: -100px;
		display: block;
	}


.geneva-row2 {
	width: 960px;
	height: 383px;
}

.geneva-row2-left {
	width: 338px;
	height: 363px;
	background: #ccecfc;
	padding: 10px 20px;
}

.geneva-row2-right {
	width: 572px;
	height: 383px;
}

.geneva-row3 {
	width: 960px;
	height: 383px;
}
.geneva-row3-left {
	width: 184px;
	height: 383px;
}

.geneva-row3-mid {
	width: 378px;
	height: 383px;
}

.geneva-row3-mid-top {
	width: 358px;
	height: 164px;
	background: #d9ecd0;
	padding: 10px 10px;
}

.geneva-row3-mid-botleft {
	width: 183px;
	hight: 189px;
}

.geneva-row3-mid-botright {
	width: 185px;
	height: 189px;
}

.geneva-row3-right {
	width: 378px;
	height: 383px;
}

.geneva-row3-right-top {
	width: 378px;
	height: 184px;
}

	.hoverUp.geneva-row3-right-top .details p {
		padding:0px 13px;
	}

	.hoverUp.geneva-row3-right-top {
		width: 378px;
		height: 184px
	}

	.hoverUp.geneva-row3-right-top.bar .mosaic-overlay {
		height: 100px;
		bottom: -100px;
		display: block;
	}

.geneva-row3-right-bot {
	width: 378px;
	height: 189px;
}

.geneva-row4 {
	width: 960px;
	height: 192px;
}

.geneva-row4-left {
	width: 184px;
	height: 192px;
}

	.hoverDown.geneva-row4-left .details p {
		padding:0px 13px;
	}

	.hoverDown.geneva-row4-left {
		width: 184px;
		height: 184px
	}

	.hoverDown.geneva-row4-left.bar .mosaic-overlay {
		height: 134px;
		top: -134px;
		display: block;
	}

.geneva-row4-mid {
	width: 378px;
	height: 192px;
}

.geneva-row4-right {
	width: 358px;
	height: 172px;
	background: #f2e8f3;
	padding: 10px 10px;
}


/*-- Paradise --*/

.paradise-row1 {
	width: 960px;
	height:376px;
}

.paradise-row1-left {
	width: 378px;
	height: 376px;
}

.paradise-row1-mid {
	width: 378px;
	height: 376px;
}

.paradise-row1-mid-top {
	width: 338px;
	height: 162px;
	background: #d8d9da;
	padding: 10px 20px;
}

.paradise-row1-mid-bot {
	width: 378px;
	height: 184px;
	background:#00839a;
}

	.paradise-row1-mid-bot p {
		font-style: italic;
		color: white;
		padding: 10px 10px;
		font-size: 16px;
	}


.paradise-row1-right {
	width: 184px;
	height: 376px;
}

.paradise-row1-right-top {
	width: 184px;
	height: 182px;
}

	.hoverDown.paradise-row1-right-top .details p {
		padding:0px 13px;
	}

	.hoverDown.paradise-row1-right-top {
		width: 184px;
		height: 182px
	}

	.hoverDown.paradise-row1-right-top.bar .mosaic-overlay {
		height: 88px;
		display: block;
		top: -88px;
	}


.paradise-row1-right-bot {
	width: 184px;
	height: 184px;
}


	.hoverDown.paradise-row1-right-bot .details p {
		padding:0px 13px;
	}

	.hoverDown.paradise-row1-right-bot {
		width: 184px;
		height: 184px
	}

	.hoverDown.paradise-row1-right-bot.bar .mosaic-overlay {
		height: 100px;
		top: -100px;
		display: block;
	}

.paradise-row2 {
	width: 960px;
	height: 384px;
}

.paradise-row2-left {
	width: 183px;
	height: 384px;
}

.paradise-row2-mid {
	width: 379px;
	height: 384px;
}

.paradise-row2-mid-top {
	width: 359px;
	height: 172px;
	background: #d9ecd0;
	padding: 10px 10px;
}

.paradise-row2-mid-bot {
	width: 379px;
	height: 182px;
}

.paradise-row2-right {
	width: 378px;
	height: 384px;
}

.paradise-row2-right-top {
	width: 378px;
	height: 192px;
}

.paradise-row2-right-bot {
	width: 378px;
	height: 190px;
}

.paradise-row3 {
	width: 960px;
	height: 190px;
}
.paradise-row3-left {
	width: 183px;
	height: 190px;
}

	.hoverDown.paradise-row3-left .details p {
		padding:0px 13px;
	}

	.hoverDown.paradise-row3.left {
		width: 183px;
		height: 190px
	}

	.hoverDown.paradise-row3-left.bar .mosaic-overlay {
		height: 130px;
		top: -130px;
		display: block;
	}


.paradise-row3-mid {
	width: 378px;
	height: 190px;
}

	.hoverUp.paradise-row3-mid .details p {
		padding:0px 13px;
	}

	.hoverUp.paradise-row3-mid {
		width: 378px;
		height: 190px
	}

	.hoverUp.paradise-row3-mid.bar .mosaic-overlay {
		height: 100px;
		bottom: -100px;
		display: block;
	}

.paradise-row3-right {
	width: 339px;
	height: 150px;
	background: #f2e8f3;
	padding: 20px;
}

.paradise-row4 {
	width: 960px;
	height: 383px;
}

.paradise-row4-left {
	width: 327px;
	height: 303px;
	background: #ccecfc;
	padding: 40px 25px;
}

.paradise-row4-right {
	width: 573px;
	height: 383px;
}


/*-- Tahitian --*/

.tahitian-row1 {
	width: 960px;
	height:372px;
}

.tahitian-row1-left {
	width: 378px;
	height: 372px;
}

.tahitian-row1-left-top {
	width: 378px;
	height: 182px;
}

.tahitian-row1-left-bot {
	width: 378px;
	height: 180px;
	background:#00839a;
}


.tahitian-row1-mid {
	width: 330px;
	height: 342px;
	background: #d8d9da;
	padding: 15px 25px;
}

	.tahitian-row1-mid li {
		line-height: 24px;
	}

	.pcGrid .tahitian-row1-mid p {
		margin-bottom: 0px;
	}



.tahitian-row1-right {
	width: 182px;
	height: 372px;
}

.tahitian-row1-right-top {
	width: 182px;
	height: 182px;
}

	.hoverDown.tahitian-row1-right-top .details p {
		padding:0px 13px;
	}

	.hoverDown.tahitian-row1-right-top {
		width: 182px;
		height: 182px
	}

	.hoverDown.tahitian-row1-right-top.bar .mosaic-overlay {
		height: 88px;
		display: block;
		top: -88px;
	}



.tahitian-row1-right-bot {
	width: 182px;
	height: 180px;
}

	.hoverUp.tahitian-row1-right-bot .details p {
		padding:0px 13px;
	}

	.hoverUp.tahitian-row1-right-bot {
		width: 182px;
		height: 182px
	}

	.hoverUp.tahitian-row1-right-bot.bar .mosaic-overlay {
		height: 100px;
		bottom: -100px;
		display: block;
	}


.tahitian-row2 {
	width: 960px;
	height: 383px;
}

.tahitian-row2-left {
	width: 328px;
	height: 303px;
	background: #ccecfc;
	padding: 40px 25px;
}

.tahitian-row2-right {
	width: 572px;
	height: 383px;
}

.tahitian-row3 {
	width: 960px;
	height: 383px;
}
.tahitian-row3-left {
	width: 184px;
	height: 383px;
}

.tahitian-row3-mid {
	width: 378px;
	height: 383px;
}

.tahitian-row3-mid-top {
	width: 358px;
	height: 164px;
	background: #d9ecd0;
	padding: 10px 10px;
}

.tahitian-row3-mid-bot-left {
	width: 183px;
	hight: 189px;
}

.tahitian-row3-mid-bot-right {
	width: 185px;
	height: 189px;
}

.tahitian-row3-right {
	width: 378px;
	height: 383px;
}

.tahitian-row3-right-top {
	width: 378px;
	height: 184px;
}


.tahitian-row3-right-bot {
	width: 378px;
	height: 189px;
}

.tahitian-row4 {
	width: 960px;
	height: 192px;
}

.tahitian-row4-left {
	width: 184px;
	height: 192px;
}

	.hoverDown.tahitian-row4-left .details p {
		padding:0px 13px;
	}

	.hoverDown.tahitian-row4-left {
		width: 184px;
		height: 184px
	}

	.hoverDown.tahitian-row4-left.bar .mosaic-overlay {
		height: 134px;
		top: -134px;
		display: block;
	}

.tahitian-row4-mid {
	width: 378px;
	height: 192px;
}

	.hoverUp.tahitian-row4-mid .details p {
		padding:0px 13px;
	}

	.hoverUp.tahitian-row4-mid {
		width: 378px;
		height: 192px
	}

	.hoverUp.tahitian-row4-mid.bar .mosaic-overlay {
		height: 100px;
		bottom: -100px;
		display: block;
	}


.tahitian-row4-right {
	width: 358px;
	height: 172px;
	background: #f2e8f3;
	padding: 10px 10px;
}


/* Aventine */

.aventine-row1 {
	width: 960px;
	height: 375px;
}

.aventine-row1-left {
	width: 378px;
	height: 376px;
}



.aventine-row1-mid {
	width: 379px;
	height: 376px;
}


.aventine-row1-mid-top {
	width: 349px;
	height: 163px;
		background: #d8d9da;
	padding: 10px 15px;
}


.aventine-row1-mid-bot {
	width: 349px;
	height: 163px;
		background: #d9ecd0;
	padding: 10px 15px;
}


.aventine-row1-right {
	width: 183px;
	height: 376px;
}


.aventine-row2 {
	width: 960px;
	height: 190px;
}


.aventine-row2-left {
	width: 184px;
	height: 190px;
}


.aventine-row2-mid {
	width: 378px;
	height: 190px;
		background:#00839a;
}
	.aventine-row2-mid p {
		font-style: italic;
		color: white;
		padding: 10px 10px;
		font-size: 16px;
	}



.aventine-row2-right {
	width: 378px;
	height: 190px;
}


.aventine-row3 {
	width: 960px;
	height: 183px;
}


.aventine-row3-left {
	width: 378px;
	height: 183px;
}

	.hoverUp.aventine-row3-left .details p {
		padding:0px 13px;
	}

	.hoverUp.aventine-row3-left {
		width: 378px;
		height: 183px
	}

	.hoverUp.aventine-row3-left.bar .mosaic-overlay {
		height: 135px;
		bottom: -135px;
		display: block;
	}



.aventine-row3-mid {
	width: 164px;
	height: 163px;
		background: #f2e8f3;
	padding: 10px 10px;
}

	.aventine-row3-mid h2 {
		line-height: 24px;
	}


.aventine-row3-right {
	width: 378px;
	height: 183px;
}


/*-- Vacanza --*/

.vacanza-row1 {
	width: 960px;
	height:376px;
}

.vacanza-row1-left {
	width: 378px;
	height: 376px;
}

.vacanza-row1-mid {
	width: 379px;
	height: 376px;
}

.vacanza-row1-mid-top {
	width: 349px;
	height: 162px;
	background: #d8d9da;
	padding: 10px 15px;
}

.vacanza-row1-mid-bot {
	width: 349px;
	height: 163px;
	background: #d9ecd0;
	padding: 10px 15px;
}

.vacanza-row1-right {
	width: 183px;
	height: 375px;
}

.vacanza-row2 {
	width: 960px;
	height: 192px;
}

.vacanza-row2-left {
	width: 358px;
	height: 170px;
	background:#00839a;
	padding: 10px 10px;
}
	.vacanza-row2-left p {
		font-style: italic;
		color: white;
		padding: 10px 10px;
		font-size: 16px;
	}


.vacanza-row2-mid {
	width: 184px;
	height: 190px;
}


.vacanza-row2-right {
	width: 378px;
	height: 190px;
}

.vacanza-row3 {
	width: 960px;
	height: 180px;
}
.vacanza-row3-left {
	width: 184px;
	height: 180px;
}

	.hoverDown.vacanza-row3-left .details p {
		padding:0px 13px;
	}

	.hoverDown.vacanza-row3-left {
		width: 184px;
		height: 180px
	}

	.hoverDown.vacanza-row3-left.bar .mosaic-overlay {
		height: 100px;
		top: -100px;
		display: block;
	}

.vacanza-row3-mid {
	width: 379px;
	height: 180px;
}

	.hoverUp.vacanza-row3-mid .details p {
		padding:0px 13px;
	}

	.hoverUp.vacanza-row3-mid {
		width: 379px;
		height: 180px
	}

	.hoverUp.vacanza-row3-mid.bar .mosaic-overlay {
		height: 100px;
		bottom: -100px;
		display: block;
	}

.vacanza-row3-right {
	width: 377px;
	height: 180px;
}

.vacanza-row4 {
	width: 960px;
	height: 183px;
}

.vacanza-row4-left {
	width: 378px;
	height: 183px;

}

	.hoverUp.vacanza-row4-left .details p {
		padding:0px 13px;
	}

	.hoverUp.vacanza-row4-left {
		width: 378px;
		height: 183px
	}

	.hoverUp.vacanza-row4-left.bar .mosaic-overlay {
		height: 130px;
		bottom: -130px;
		display: block;
	}


.vacanza-row4-mid {
	width: 348px;
	height: 143px;
		background: #f2e8f3;
	padding: 20px 12px;
}

.vacanza-row4-right {
	width: 184px;
	height: 183px;
	overflow: hidden;
}

.vacanza-row5 {
	width: 960px;
	height: 383px;
}

.vacanza-row5-left {
	width: 337px;
	height: 303px;
	background: #ccecfc;
	padding: 40px 20px;
}

.vacanza-row5-right {
	width: 573px;
	height: 383px;
}





/* ============================================================================== */
/* Typography Overrides
/* ============================================================================== */

.font18,
.font18 p { font-size: 18px !important; line-height: normal !important;}
.font20 { font-size: 20px !important; line-height: normal !important;}
	.font20 li { line-height: 36px !important;}
.font36,
.font36 p { font-size: 36px !important; line-height: normal !important}
.gray { color: #6b7873 !important;}

/* ============================================================================== */
/* Forms
/* ============================================================================== */

.int_requests { text-align: right; padding: 0 40px 15px 0; }
.deck_state_country { width: auto; margin-left: 134px; }
.joinenews, .deckdesignform .submit { margin-left: 35px; }

/* required elements */
	.required {
		color: #ed1c24;
		font-size: 14px;
	}

	.req:after {
		content: "*";
		color: #ed1c24;
	}

p.form-intro {
	font-family: 'PreloLightItalicRegular',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    color: #116c71;
    line-height: 36px;
}

p.footnote {
	font-family: 'PreloLightRegular',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-transform: none;
    color: #116c71;
}

legend {
	font-family: 'PreloLightMediumRegular',Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    color: #116c71;
    border-width: 0px;
    margin-bottom: 0px;
}

.form-horizontal .control-label {
	width:100px;
}

.form-horizontal .controls {
	margin-left: 115px;
	margin-bottom: 10px;
}

label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #41433e;
}

	.controls.inline {
		width: 160px;
		margin-left: 15px;
	}



.input-xlarge {
	width: 300px;
}

select {
	background-color: #8da092;
	color: #fff;
}

input.input-small.first {
	margin-left: 14px;
	width: 78px;
}

input#phone {
	text-align: center;
}


/* Pure Comfort Grid Layout A */

.pcGridMain {
	width: 960px;
	margin-left: 20px;
}

.hoverUp {
	width: 184px;
	height: 378px;
	overflow: hidden;
	position: relative;
}
.hoverDown { position: relative; overflow: hidden; }

.details p {
	color: #fff;
	padding: 0 26px;
	font-size: 11px;
	line-height: 14px;
}

.dealer-locator-box {
	background-color: #b2b2b2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-left: 1px solid #989898;
	border-bottom: 1px solid #989898;
	padding: 15px 20px;
	width: 410px;
	margin-left: 20px;
}

	.dealer-locator-box input.search-query {
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}

	.dealer-locator-box label {
		display: block;
	}

	.dealer-locator-box input.search-query {
		display: block;
	}

	.RunnableServerWrapper {
		width: 45%;
		display: inline-block;
		padding: 8px 18px 15px 0;
		border-bottom: 1px solid #c3c3c3;
	}

	input.dealerLocSubmit {
		padding-top: 15px;
	}

/* ============================================================================== */
/* Atrack Form Success Styles
/* ============================================================================== */

.form-success .span8.dealer p.title {
	font-size:24px;
	font-family: 'PreloMediumRegular', Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: normal;
	color: #116C71;
	font-style:italic;
}

.form-success div {
	/* border: 1px dotted green; */
}

.form-success .services {
	margin-bottom: 20px;
}

.form-success .span6.gallery a {

}

.form-success span.servicename {
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
}

.form-success ul.services {
	list-style-type:none;
}


.form-success .column p {
	font-family:Arial;
	font-size:16px;
}

.form-success .column dt {
		font-family:Arial;
	font-size:14px;
}

.form-success .column dd {
		font-family:Arial;
	font-size:14px;
}

.form-success .column li {
	font-family:Arial;
	font-size:14px;
}


.form-success .column h1 {
	font-style:italic;
	font-weight: normal;
}




/* ============================================================================== */
/* Join Our Mailing List
/* ============================================================================== */
.join-our-mailing-list .title_subnav_container h1 {
	font-size: 45px;
}


/* ============================================================================== */
/* Color Selector Tool // Caldera Specific
/* ============================================================================== */

.cs-model-heading h1 {
    margin: 0;
    padding: 0;
}
.cs-sub-heading, .cs-button {
    font-family: 'PreloMediumItalicRegular';
}

p.cs-instructions, .cs-info-bar, .cs-info-bar span, .cs-shell-color-label, .cs-siding-color-label, .cs-shell-color-value, .cs-siding-color-value {
    font-family: 'PreloMediumRegular';
}

.cs-sub-heading {
     font-size: 13px; line-height: 13px; margin: 0; padding: 5px 0 0 10px; text-transform: uppercase; color: #6b7873;
}

p.cs-instructions {
    font-size: 13px; line-height: 16px; padding: 15px 0 5px 10px;
}

.cs-column-left strong, .cs-column-left #shells, .cs-column-left #cabinets {
    padding-left: 10px;
}

.cs-button {
    display: inline-block; margin: 15px auto 0; width: 100px; text-align: center;font-family: 'PreloMediumItalicRegular'; line-height: 14px; padding: 4px 10px;
    border-radius: 8px; background: #f39203;
    -moz-box-shadow:    0px 1px 0px 0px #cc7b03;
    -webkit-box-shadow: 0px 1px 0px 0px #cc7b03;
    box-shadow: 0px 1px 0px 0px #cc7b03;
}

.cs-button a { display: block; color: #fff; font-size: 14px; text-shadow: none; }




/* ============================================================================== */
/* Content type styles
/* ============================================================================== */
body.generic #main_col { margin-top: 120px; }

h1 {
    color: #fff;
    font-size: 48px;
    font-weight: normal;
    padding-bottom: 20px;
    font-family: 'PreloLightItalicRegular', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.row p { margin: 15px 0; }
.page_intro p { font-size: 18px !important; font-weight: 100 !important; line-height: normal; }
.title_subnav_container h1 { width: 500px; }
.title_subnav_container sup { font-size:45%; top:-0.85em; }
.title_subnav_container .sub-nav { margin-top: 10px; }
.intro { width: 960px; }

.image { margin: 0 0 30px;}

.pull_quote {
    font-family: 'PreloLightItalicRegular', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 36px;
    color: #6b7873;
    line-height: 39px;
}
.pull_quote .accent_top, .pull_quote .accent_bot { display: block; height: 2px; width: 15px; background: #6b7873; margin: 15px 0;}
.pull_quote .accent_bot { margin: 20px 0; }

img.video_thumb { background: #fff; padding: 10px;
    -moz-box-shadow:    -1px 1px 7px 1px #CCC;
    -webkit-box-shadow: -1px 1px 7px 1px #CCC;
    box-shadow: -1px 1px 7px 1px #CCC;
}

.even_media_content {
    float: left;
    padding: 44px 0;
    border-bottom: 1px solid #e8e9ea;
}
.media_top { margin-top: 20px; margin-bottom: 20px;}
.media_top img { margin-bottom: 20px; }

/*.media_top:nth-of-type(3n-1) {
    clear: both;
}*/

.large_list { font-size: 20px; color: #6b7873; font-style: italic; font-weight: normal; margin-top: 20px;}
.large_list li { padding: 10px 0; }

/* ============================================================================== */
/* Positioning overrides
/* ============================================================================== */

body.homepage { background: #fff repeat-x top; }
body.homepage #hero_container { height: 1170px; }
body.homepage #hero { background: url('../images/hero_homepage.jpg') no-repeat 0 0; }
.full-from-handheld body.homepage #hero { background-size: 1920px auto;}
/** product specific */
.hero_title_paradise { width: 400px !important;}
body.series_paradise #sub_nav_container { left: 850px; }

/* positioning for the default product heroes */
.hero_vacanza { background-position: -100px 0 !important;}
.hero_paradise { background-position: -150px 0 !important;}
.hero_utopia { background-position: -100px 0 !important;}

/** Series specific background overrides */
body.series_paradise { background: #fff url('../images/body_paradise.png') repeat-x top; }
body.series_utopia { background: #fff url('../images/body_utopia.png') repeat-x top; }
body.series_vacanza { background: #fff url('../images/body_vacanza.png') repeat-x top; }

#hero p.description_paradise { color: #333; }
/*
Media queries
*/


@media all and (min-width: 1500px) {
	#nav_col { left: 30px; }
}

/* override for 1280px width screens (13") */
@media (max-width: 1520px) {
    #hero { background-position: 0 top; padding: 40px 0 0 300px;}
    #hero p { width: 210px; }
	#hero_title { margin-top: 40px;}
	.spa-landing #hero {
		padding-top: 44px;
		padding-left: 325px;
	}
	.spa-landing #hero_title {
		margin-top: 15px;
	}
	#hero_container { min-width: 1288px; }

	body.series_paradise #sub_nav_container { left: 700px; }
    #main_col { left: 300px; padding-left: 0; }
    footer { width: 960px; left: -25px; }

    .hero_title_paradise { width: 240px !important;}
    .hero_paradise { background-position: -200px 0 !important;}
    .hero_utopia { background-position: -200px 0 !important;}
    .hero_vacanza { background-position: -200px 0 !important;}
    #sub_nav_container { left: 700px !important; }
    #hero p.description_utopia { width: 400px; }
    .main-nav { max-width: 907px; background: none; left: -145px; }
    #nav_col { left: 30px; }
    body.homepage #hero { background: url('../images/hero_homepage.jpg') no-repeat -190px 0;}
    body.homepage footer ul { padding-left: 100px; }

    .main-nav ul {
    	width: 97%;
    }
    .main-nav li {
    	padding-right: 15px;
    }

    .main-nav .end_right {right: -183px;}

    #rocks {right: -30px;}
	#footer_image_paradise {right: -30px;}
	#footer_image_vacanza {right: -30px;}
	#footer_image_utopia {right: -30px;}


	#cta_block {right: -4px; padding: 5px; bottom: -107px;}
	#discover-toggle {margin-left: 849px; top: 706px;}

}

/* ============================================================================== */
/* Media Queries for 1024X768 old ass monitors
/* ============================================================================== */

@media (max-width: 1300px) {
	body.homepage #hero { background: url('../images/hero_homepage.jpg') no-repeat -150px 0; background-size: 1550px auto;}

	#cta_block {left: -10px; padding: 5px; bottom: 100px; width: 708px; height: 230px}
	.cta {width: 235px;	overflow-x: hidden; height: 230px}
		.cta h2 {padding: 10px 0 0 14px; font-size: 16px;}
		.cta p {padding-left: 14px;}
	#discover-toggle {margin-left: 596px; top: 505px;}
}

/* Test For natxty github */

/* ============================================================================== */
/* Mobile Ref Link
/* ============================================================================== */
.view-mobile-site {
	position:absolute;
	z-index:2000;
	left:300px;
	top:0;
	padding:15px;
	background: rgba(0, 0, 0, 0.15);
	text-align:center;
	font-weight:bold;
	border-radius: 0 0 5px 5px;
}

.view-mobile-site a {
	color:white;
}


/* ============================================================================== */
/* Deck Design Tool Styles
/* ============================================================================== */

.span1.dna {
	width:20px;
	margin:0px
}

.span2.copyLeft {
	width:190px;
	margin-bottom:0px;
}

.span2.copyRight {
	width:191px;
	margin-left:30px;
}


.span3.hand {
	text-align: center;
	background: url('../images/deck-design-handIcon.png') no-repeat;
	height: 110px;
	margin-left:85px;
}

.span3.offset1.cursor {
	text-align: center;
	background: url('../images/deck-design-cursorIcon.png') no-repeat;
	height: 110px;
	margin-left:50px;
	width:115px;
}

.span3.dna {
	background: url('../images/deck-design-dnaIcon.png') no-repeat;
	height: 110px;
	height: 110px;
	margin-left:85px;
}

.span3.number {
	margin-left:40px;
	margin-right:20px;
	margin-bottom:10px;
}


.span3.offset1.arrow {
		background: url('../images/deck-design-arrowIcon.png') no-repeat;
	height: 110px;
	margin-left:50px;
	width:115px;
}

h2.deck-dna {
	color:#898989;
	font-size:74px;
	font-style:normal;
	font-family:PreloLightRegular;
	margin-left:0px;
}

p.deck-copy {
	color:#898989;
	font-size:14px;
	font-style:normal;
	font-family:PreloLightRegular;
	margin-top: -10px;
	}

.span6.Innovative {
	margin-left:0px;
}

#deckdesign_intro {
	margin-left:10px;
	}

.row.icons {
	padding-bottom:30px;
}

.row.text {
	padding-bottom:0px;
}

.span3.number .row {
	padding-bottom:0px;
}

.span4.text {
	width:255px;
	margin-bottom:10px;
}

.span4.text .row {
	padding-bottom:0px;
}

